<template>
	<view class="page-my page">
		
		<userInfo></userInfo>
		<pageFooter></pageFooter>
	</view>
</template>

<script>
	import userInfo from "../../components/c-userinfo/c-userinfo.vue";
	export default {
		data() {
			return {
				list:[
					{id:2,name:'待支付',icon:require('../../static/imgs/pay1.png')},
					{id:3,name:'待发货',icon:require('../../static/imgs/pay2.png')},
					{id:4,name:'待收货',icon:require('../../static/imgs/pay3.png')},
					{id:5,name:'退款/售后',icon:require('../../static/imgs/pay4.png')},
				],
			}
		},
		components: {
		  userInfo
		},
		methods: {
			handleClick(data) {
				this.goRouter(data.url)
			}
		}
	}
</script>

<style lang="scss">
.page-my {
	background-color: #F8F8F8;
	padding-top: 0;
	.top {
		background: linear-gradient(0deg,#d956a9, rgb(173, 51, 127));
			height: 320rpx;
		.bg {
			width: 100%;
			height: 320rpx;
		}
		.user-box {
			text-align: center;
			.user {
				width: 120rpx;
				height: 120rpx;
				border-radius: 50%;
				
			}
		}
	}
	.order-container {
		border-radius: 27rpx;
		.order-tab {
			flex:1;
			.icon-tab {
				width: 48rpx;
				height: 48rpx;
				margin-bottom: 20rpx;
			}
			.icon-serve {
				width: 70rpx;
				height: 70rpx;
				margin-bottom: 20rpx;
			}
		}
	}
}
</style>
